<!DOCTYPE html>
<html lang="zh-CN">
<head>
		<meta charset="UTF-8" />
		<meta name="renderer" content="webkit"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0,uc-fitscreen=yes" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no" />
		<title>Ai小艾 Aixiaoai_cn</title>
    <meta name="keywords" content="文章编辑 Aixiaoai_cn"/>
    <meta name="description" content="文章编辑 Aixiaoai_cn"/>
		<!-- miniMObile.css、js -->
		<link rel="stylesheet" type="text/css" href="../static/css/miniMobile.css"/>
		<script type="text/javascript" src="../static/js/zepto.min.js"></script>
		<script type="text/javascript" src="../static/js/miniMobile.js"></script>
		<!-- fonticon -->
		<link rel="stylesheet" type="text/css" href="../static/plugins/fonticon/iconfont.css" />
		<!-- swiper -->
		<link rel="stylesheet" href="../static/css/swiper.min.css">
		<script src="../static/js/swiper.min.js"></script>
		<!-- animate.css -->
		<link rel="stylesheet" type="text/css" href="../static/css/animate.css" />
        <script src="../static/index_menu.js"></script>
	</head>
<section class="swiper-container h40">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><img src='../static/css/image/banner1.jpg' class="w75 h40" /></div>
				<div class="swiper-slide"><img src='../static/css/image/banner2.jpg' class="w75 h40" /></div>
				<div class="swiper-slide"><img src='../static/css/image/banner3.jpg' class="w75 h40" /></div>
			</div>
			<!-- Add Arrows -->
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
		</section>
		<script>
			var swiper = new Swiper('.swiper-container', {
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
				pagination: {
					el: '.swiper-pagination',
				}
			});
		</script>
		<style>
			.swiper-button-next,
			.swiper-button-prev {
				/*swiper 默认图标适应性较差，使用rem单位规定左右按钮大小，图标大小*/
				width: 0.3rem !important;
				height: 0.5rem !important;
				background-size: cover !important;
				margin-top: -0.23rem !important;
			}
		</style>
		<!--  -->
		<div class="t-c f28 p6 color4 bg-color6">
			<h2 class="color-danger f46">
				{{site_title}}
			</h2>
			<p>终究敌不过岁月</p>
		</div>
		<!-- 导航 -->
		<section class="demo-nav t-c f28 clearfix">
			<div class="col-4 h19">
				<a id="articles_list" class="pt4 pb4"><i class="f42 color-primary icon iconfont icon-anniu"></i>
					<p>文章列表</p>

				</a>
			</div>
			<div class="col-4 h19">
				<a href="msg" class="pt4 pb4">
					<i class="f46 color-success icon iconfont icon-dialog"></i>
					<p>消息通知</p>
				</a>
			</div>
			<div class="col-4 h19">
				<a href="kinde_email" class="pt4 pb4"><i class="f44 color-info icon iconfont icon-biaoge"></i>
					<p>Kinder传书</p>
				</a>
			</div>
			<div class="col-4 h19">
				<a href="personal_msg" class="pt4 pb4"><i class="f44 color-warning icon iconfont icon-iconfontliebiao1copy"></i>
					<p>个人消息</p>
				</a>
			</div>
			<div class="col-4 h19">
				<a id="edit" class="pt4 pb4"><i class="f46 color-danger icon iconfont icon-tupian"></i>
					<p>文章编辑</p>
				</a>
			</div>
            <div class="col-4 h19">
				<a id="article_update_list" class="pt4 pb4"><i class="f46 color-danger icon iconfont icon-zhediemianban"></i>
					<p>修改文章</p>
				</a>
			</div>

		</section>
		<style>
			.demo-nav {
				line-height: 1.8em;
			}

			.demo-nav div {
				border-left: 1px solid #f1f1f1;
				border-bottom: 1px solid #f1f1f1;
			}

			.demo-nav a {
				display: block;
				width: 100%;
				height: 100%;
			}

			.demo-nav div:nth-child(4n+1) {
				border-left: none;
			}
		</style>
		</html>